<template>
    <div>
        <aiHeader></aiHeader>
        <div class="aiContainer">
            <index-ai-header></index-ai-header>
            <index-ai-left style="margin-left:110px"></index-ai-left>
        </div>
        <aiSectionOne style="margin-top:-160px;"></aiSectionOne>
        <aiSectionTwo></aiSectionTwo>
        <aiSectionThree></aiSectionThree>
    </div>
</template>
<script>
import aiHeader from './aiHeader.vue';
import aiSectionOne from './aiSectionOne.vue';
import aiSectionTwo from './aiSectionTwo.vue';
import aiSectionThree from './aiSectionThree.vue';
import indexHeader from '../index/indexHeader.vue';
import indexNav from '../index/indexNav.vue';
import indexFooter from '../index/indexFooter.vue';
import indexAiHeader from "../index/ai/indexAiHeader.vue";
import indexAiLeft from "../index/ai/indexAiLeft.vue";
export default {
    components:{
        aiHeader,
        aiSectionOne,
        aiSectionTwo,
        aiSectionThree,
        indexHeader,
        indexNav,
        indexFooter,
        indexAiHeader,
        indexAiLeft,
    }
}
</script>
<style scoped>
.aiContainer {
  width: 1200px;
  height: 950px;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 80px;
  position: relative;
}
</style>


